<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <style type="text/css">
                .ui-jqgrid tr.jqgrow td {
                    white-space: normal !important;
                    height:auto;
                    vertical-align:text-top;
                    padding-top:2px;
                }
        </style>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/segPersona/$contra"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Fecha','Actividad','Debilidades','Fortalezas','Mejoras','Logros'],
                    colModel :[
                        {name:'seguimientoContatoFechaCreo',index:'seguimientoContatoFechaCreo', width:140,editable:false},
                        {name:'seguimientoContatoActividadRealizada',index:'seguimientoContatoActividadRealizada', width:220,editable:true},
                        {name:'seguimientoContatoDebilidades',index:'seguimientoContatoDebilidades', width:200,editable:true},
                        {name:'seguimientoContatoFortalezas',index:'seguimientoContatoFortalezas', width:200},
                        {name:'seguimientoContatoMejoras',index:'seguimientoContatoMejoras', width:200},
                        {name:'seguimientoContatoLogros',index:'seguimientoContatoLogros', width:100}
                    ],
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'seguimientoContatoFechaCreo',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'SEGUIMIENTOS REALIZADOS',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#btnGuardar").click(function(){
                    if(validacion()){
                        $.post($("#formExperiencia").attr("action"),$("#formExperiencia").serialize() ,function(data){
                            if(data == "1"){
                                window.opener.location.reload();window.close();
                                return true;
                            } 
                            if(data != "") alert(data);
                            fnReset();
                        });
                    }
                });
            }); //fin $(document).ready(function(){
            function validacion(){
                if($("#actividad").val() == ""){
                    alert("Debe ingresar las actividades realizadas");
                    $("#actividad").focus();
                    return false;
                }
                if($("#termina").val() != ""){
                    if(confirm("Si continua terminara el contrato de ésta persona con la Empresa")){
                        if($("#causa").val() == ""){
                            alert("Debe ingresar la causa de terminacion del contrato");
                            $("#causa").focus();
                            return false;
                        }
                    }else return false;
                }
                return true;
            }
            function fnReset(){
                $('#formExperiencia').trigger("reset");$('#list').trigger('reloadGrid');
            }
            function fnTermina(){
                if($("#termina").val() == "") $("#termina").val("termina");
                else $("#termina").val("");
            }
        </script>
    </head>
    <body>
        <?php if($opc != "consulta"){ ?>
        <form id="formExperiencia" action="<?php echo site_url("registrarInst/regSeguimiento/"); ?>" method="post">
            <table>
                <caption>INGRESO DE SEGUIMIENTOS</caption>
                <tr>
                    <td><label for="actividad">Actividad Realizada</label> </td>
                    <td colspan="3"><textarea id="actividad" name="actividad" cols="60" rows="2"></textarea></td>
                </tr>
                <tr>
                    <td><label for="debilidades">Debilidades</label></td>
                    <td><input type="text" id="debilidades" name="debilidades" /></td>
                    <td><label for="fortalezas">Fortalezas</label></td>
                    <td><input type="text" id="fortalezas" name="fortalezas" title="Ingrese las fortalezas encontradas"  /> </td>
                </tr>
                <tr>
                    <td><label for="mejoras">Mejoras</label></td>
                    <td><input type="text" id="mejoras" name="mejoras" title="Ingrese las mejoras encontradas"  /> </td>
                    <td><label for="logros">Logros</label></td>
                    <td><input type="text" id="logros" name="logros" title="Ingrese los logros alcanzado"   /> </td>
                </tr>
            </table><br/>
            <fieldset>
                <legend style="color: red">ÚNICAMENTE DILIGENCIE SI SE HA TERMINADO EL CONTRATO</legend>
                <table>
                    <tr>
                        <td><label for="termina">Registra finalización contrato</label></td>
                        <td><input type="checkbox"  value="" id="termina" name="termina" onclick="fnTermina();" /> </td>
                        <td><label for="causa">Causa</label></td>
                        <td><input type="text" id="causa" name="causa" title="Digite la causa de terminación del contrato" /> </td>
                    </tr>

                </table>
            </fieldset>
            <div style="text-align: center">
                <input type="button" value="Guardar" id="btnGuardar" />
                <input type="button" value="Limpiar" onclick="return fnReset();" />
                <input type="button" value="Cerrar Ventana" onclick="window.close();" />
                <input type="hidden" value="<?php echo $contra; ?>" name="contrato" />
            </div>
        </form>
        <?php }else{ ?>
        <div style="text-align: center;font-style: italic">HISTORÍCO DE SEGUIMIENTOS REALIZADOS</div>
        <div style="text-align: center"><input type="button" value="Cerrar Ventana" onclick="window.close()" /></div>
        <?php } ?>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
